<!--
 * @Author       : 汤姆猫
 * @Date         : 2024-10-03 16:57:50
 * @LastEditTime : 2024-10-06 19:23:35
 * @FilePath     : \index.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>教育网首页</title>
  <link rel="stylesheet" href="/css/bootstrap.min.css">
  <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_4677206_69b6y8txmjy.css">
  <link rel="stylesheet/less" href="/css/reset.less">
  <link rel="stylesheet/less" href="/css/common.less">
  <link rel="stylesheet/less" href="/css/index.less">
</head>

<body>
  <div id="index">
    <nav class="navbar navbar-inverse nav-bg">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <!-- logo -->
          <a class="navbar-brand logo" href="#"> <img src="/images/index/sskoo.com.png" alt=""></a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li class="active"><a href="index.html">首页</a></li>
            <li><a href="freeClass.html">免费课程</a></li>
            <li><a href="career.html">职业路径</a></li>
            <li><a href="actual.html">实战课程</a></li>
          </ul>

          <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                aria-expanded="false">Language <span class="caret"></span></a>
              <ul class="dropdown-menu menu-bg">
                <li><a href="#">中文简体</a></li>
                <li><a href="#">中文繁体</a></li>
                <li><a href="#">English</a></li>
              </ul>
            </li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div>
    </nav>
    <div id="class">
      <div class="classBox">
        <div class="left">
          <ul class="nav nav-pills nav-stacked class-ul">
            <li><a href="#">前端开发</a></li>
            <li><a href="#">后端开发</a></li>
            <li><a href="#">移动开发</a></li>
            <li><a href="#">数据库</a></li>
            <li><a href="#">云计算和大数据</a></li>
            <li><a href="#">运维和测试</a></li>
          </ul>
        </div>
        <div class="right">
          <div class="contentLeft">
            <h5>云教育课程</h5>
            <h5>WEBPACK+REACT</h5>
            <h5>全站工程师项目展示金奖</h5>
            <p>搭建完成前端工程，前端工程师想架构师的进阶之战</p>
            <button>立即咨询</button>
          </div>
          <div class="contentRight">
            <img src="/images/index/图层 1.png" alt="">
          </div>

        </div>
      </div>
    </div>
    <div id="recommend">
      <div class="recommendBox">
        <h3>实战推荐</h3>
        <span class="line"></span>
        <span class="text">热门就业课程</span>
        <span class="line"></span>
        <div class="classList">
          <div class="item">
            <div class="image">
              <img src="/images/index/2077680.png" alt="">
            </div>
            <p class="txt">全网热门Python3入门+进阶更快上手</p>
            <div class="down">
              <span class="price">¥3000.00</span>
              <button>立即购买</button>
            </div>
          </div>
          <div class="item">
            <div class="image">
              <img src="/images/index/4473898.png" alt="">
            </div>
            <p class="txt">全网热门Python3入门+进阶更快上手</p>
            <div class="down">
              <span class="price">¥3000.00</span>
              <button>立即购买</button>
            </div>
          </div>
          <div class="item">
            <div class="image">
              <img src="/images/index/155348574.png" alt="">
            </div>
            <p class="txt">全网热门Python3入门+进阶更快上手</p>
            <div class="down">
              <span class="price">¥3000.00</span>
              <button>立即购买</button>
            </div>
          </div>
          <div class="item">
            <div class="image">
              <img src="/images/index/164772048.png" alt="">
            </div>
            <p class="txt">全网热门Python3入门+进阶更快上手</p>
            <div class="down">
              <span class="price">¥3000.00</span>
              <button>立即购买</button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="newClass">
      <div class="newClassBox">
        <h3>新上好课</h3>
        <span class="line"></span>
        <span class="text">近期更新课程</span>
        <span class="line"></span>
        <div class="classList">
          <div class="item">
            <div class="image">
              <img src="/images/index/178701800.png" alt="">
            </div>
            <p class="txt">全网热门Python3入门+进阶更快上手</p>
            <div class="down">
              <span class="price">¥3000.00</span>
              <button>立即购买</button>
            </div>
          </div>
          <div class="item">
            <div class="image">
              <img src="/images/index/178700668.png" alt="">
            </div>
            <p class="txt">全网热门Python3入门+进阶更快上手</p>
            <div class="down">
              <span class="price">¥3000.00</span>
              <button>立即购买</button>
            </div>
          </div>
          <div class="item">
            <div class="image">
              <img src="/images/index/184315372.png" alt="">
            </div>
            <p class="txt">全网热门Python3入门+进阶更快上手</p>
            <div class="down">
              <span class="price">¥3000.00</span>
              <button>立即购买</button>
            </div>
          </div>
          <div class="item">
            <div class="image">
              <img src="/images/index/186949452.png" alt="">
            </div>
            <p class="txt">全网热门Python3入门+进阶更快上手</p>
            <div class="down">
              <span class="price">¥3000.00</span>
              <button>立即购买</button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="beginner">
      <div class="beginnerBox">
        <h3>新手入门</h3>
        <span class="line"></span>
        <span class="text">零基础入门课程</span>
        <span class="line"></span>
        <div class="top">
          <div class="left">
            <p class="p1">更具潜力不同领域的电商平台开发</p>
            <p class="p2">专注电商项目重磅实操，时间经验从这里开始</p>
            <img src="/images/index/182487366.png" alt="">
            <div class="shadow"></div>
          </div>
          <div class="right">
            <p class="p1">汇聚前沿新技术，学习就业专业服务</p>
            <p class="p2">专注电商项目重磅实操，时间经验从这里开始 拷贝</p>
            <img src="/images/index/180910868.png" alt="">
            <div class="shadow"></div>
          </div>
        </div>
        <div class="classList">
          <div class="item">
            <div class="image">
              <img src="/images/index/185186976.png" alt="">
            </div>
            <p class="txt">全网热门Python3入门+进阶更快上手</p>
            <div class="down">
              <span class="price">¥3000.00</span>
              <button>立即预约</button>
            </div>
          </div>
          <div class="item">
            <div class="image">
              <img src="/images/index/new_201039852.png" alt="">
            </div>
            <p class="txt">全网热门Python3入门+进阶更快上手</p>
            <div class="down">
              <span class="price">¥3000.00</span>
              <button>立即预约</button>
            </div>
          </div>
          <div class="item">
            <div class="image">
              <img src="/images/index/204184698.png" alt="">
            </div>
            <p class="txt">全网热门Python3入门+进阶更快上手</p>
            <div class="down">
              <span class="price">¥3000.00</span>
              <button>立即预约</button>
            </div>
          </div>
          <div class="item">
            <div class="image">
              <img src="/images/index/209739992.png" alt="">
            </div>
            <p class="txt">全网热门Python3入门+进阶更快上手</p>
            <div class="down">
              <span class="price">¥3000.00</span>
              <button>立即预约</button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="promote">
      <div class="promoteBox">
        <h3>技能提升</h3>
        <span class="line"></span>
        <span class="text">学习增值进阶</span>
        <span class="line"></span>
        <div class="top">
          <div class="left">
            <p class="p1">系统进阶与学习进修专研之路</p>
            <p class="p2">专注电商项目重磅实操，时间经验从这里开始</p>
            <img src="/images/index/212166212.png" alt="">
            <div class="shadow"></div>
          </div>
          <div class="right">
            <p class="p1">学习PHOTOSHOP软件做设计更轻松</p>
            <p class="p2">专注电商项目重磅实操，时间经验从这里开始 拷贝</p>
            <img src="/images/index/201039852.png" alt="">
            <div class="shadow"></div>
          </div>
        </div>
        <div class="classList">
          <div class="item">
            <div class="image">
              <img src="/images/index/168806230.png" alt="">
            </div>
            <p class="txt">全网热门Python3入门+进阶更快上手</p>
            <div class="down">
              <span class="price">¥3000.00</span>
              <button>立即咨询</button>
            </div>
          </div>
          <div class="item">
            <div class="image">
              <img src="/images/index/162561780.png" alt="">
            </div>
            <p class="txt">全网热门Python3入门+进阶更快上手</p>
            <div class="down">
              <span class="price">¥3000.00</span>
              <button>立即咨询</button>
            </div>
          </div>
          <div class="item">
            <div class="image">
              <img src="/images/index/118464870.png" alt="">
            </div>
            <p class="txt">全网热门Python3入门+进阶更快上手</p>
            <div class="down">
              <span class="price">¥3000.00</span>
              <button>立即咨询</button>
            </div>
          </div>
          <div class="item">
            <div class="image">
              <img src="/images/index/80218646.png" alt="">
            </div>
            <p class="txt">全网热门Python3入门+进阶更快上手</p>
            <div class="down">
              <span class="price">¥3000.00</span>
              <button>立即咨询</button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="team">
      <div class="teamBox">
        <h3>团队人员</h3>
        <span class="line"></span>
        <span class="text">专属师资</span>
        <span class="line"></span>
        <div class="classList">
          <div class="item">
            <div class="avatar">
              <img src="/images/index/20220625180613_9722b.jpg" alt="">
            </div>
            <h5>美女士</h5>
            <p class="role">Java开发工程师</p>
            <p class="txt">资深开发，多次带领团队解决自动化 相关技术难点，多年WEB自动化、负责 法国多款接口</p>
          </div>
          <div class="item">
            <div class="avatar">
              <img src="/images/index/20220606161625_b8112.jpeg" alt="">
            </div>
            <h5>懒先生</h5>
            <p class="role">Java开发工程师</p>
            <p class="txt">资深开发，多次带领团队解决自动化 相关技术难点，多年WEB自动化、负责 法国多款接口</p>
          </div>
          <div class="item">
            <div class="avatar">
              <img src="/images/index/20220920123351_0a4c1.jpeg" alt="">
            </div>
            <h5>喜先生</h5>
            <p class="role">Java开发工程师</p>
            <p class="txt">资深开发，多次带领团队解决自动化 相关技术难点，多年WEB自动化、负责 法国多款接口</p>
          </div>
          <div class="item">
            <div class="avatar">
              <img src="/images/index/R-C.jfif" alt="">
            </div>
            <h5>灰先生</h5>
            <p class="role">Java开发工程师</p>
            <p class="txt">资深开发，多次带领团队解决自动化 相关技术难点，多年WEB自动化、负责 法国多款接口</p>
          </div>
        </div>
      </div>
    </div>
    <div id="footer">
      <div class="footer-box">
        <div class="left">
          <div class="up">
            <p>公司简介</p>
            <p>联系方式</p>
            <p>人才招聘</p>
          </div>
          <div class="down">
            All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1
          </div>
        </div>
        <div class="right">
          <div class="icon"><i class="iconfont icon-pengyouquan-copy"></i></div>
          <div class="icon"><i class="iconfont icon-dingding"></i></div>
          <div class="icon"><i class="iconfont icon-wenjian"></i></div>
          <div class="code">
            <img src="/images/index/图层 53.png" alt="">
          </div>
        </div>
      </div>
    </div>
  </div>
</body>

</html>
<script src="/js/jquery-3.7.1.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/less.min.js"></script>
<script>

</script>